<!DOCTYPE html>
<html>
	<head>
	   	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" charset="UTF-8"/>	
	   	<title>投票领书</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/collar.css"/>
	</head>
	<body>
		<div class="linearbg" style="height:auto;width: 100%;">
			<!--banner2-->
			<div class="bannerbox">
				<img src="img/banner2.png"/>
				 <br style="clear:both;">
			</div>
			<!--个人票数-->
			<div class="collarbox">
				<p>
					<span>
						<i>已投票<br />35</i>
					</span>
					<span>
						<i>好友助力<br />60</i>
					</span>
				</p>
				<p>
					<img src="img/ivitebtn.png"/>
					<a href="invite.html"></a>
				</p>
				<p>
					<img src="img/collar.png"/>
					<a href="javascript:;"></a>
				</p>
			</div>
			<div class="alertuser">
				<ul id="listbox">
					<li>
						<div class="Imgbox">
							<img src="img/user2.png"/>
						</div>
						<p>恭喜<i>小可爱1</i>获得<i>丽丽丽丽</i>的投票</p>
					</li>
					<li>
						<div class="Imgbox">
							<img src="img/user2.png"/>
						</div>
						<p>恭喜<i>小可爱2</i>获得<i>丽丽丽丽</i>的投票</p>
					</li>
					<li>
						<div class="Imgbox">
							<img src="img/user2.png"/>
						</div>
						<p>恭喜<i>小可爱3</i>获得<i>丽丽丽丽</i>的投票</p>
					</li>
					<li>
						<div class="Imgbox">
							<img src="img/user2.png"/>
						</div>
						<p>恭喜<i>小可爱4</i>获得<i>丽丽丽丽</i>的投票</p>
					</li>
					<li>
						<div class="Imgbox">
							<img src="img/user2.png"/>
						</div>
						<p>恭喜<i>小可爱5</i>获得<i>丽丽丽丽</i>的投票</p>
					</li>
				</ul>
			</div>
		</div>
		<!--底部nav-->
		<div class="navbar">
			<a href="index.html" class="home">首页</a>
			<a href="apply.html" class="apply">报名</a>
			<a href="javascript:;" class="vote-on">投票领书</a>
		</div>
		<!--规则按钮-->
		<div class="voteRul" onclick="showrule()" >
			<a id="alertRule" href="javascript:;" >投票攻略</a>
		</div>
		<!--详细规则-->
		<div id="voteRule" class="voteRule">
			<img src="img/voteRule.png" alt="" />
			<a id="voteRuleBtn" class="voteRule-btn" href="javascript:;" onclick="hidealert()"><img src="img/voteOkbtn.png"/></a>
		</div>
		<!--弹窗-->
		<div id="alertbody" class="alertbody" onclick="hidealert()">
		</div>
		<div class="altcontent" id="altcontent">
		</div>
	</body>
	<script src="js/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/collar.js" type="text/javascript" charset="utf-8"></script>
</html>
